<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页 - CodeAtlantis</title>
    <link rel="stylesheet" href="./static/style.css">
    <link rel="shortcut icon" href="./static/f2.png">
    <link rel="stylesheet" href="./static/fontawesome.css">
</head>
<body>
    <div class="main-container">
        <!-- 左侧个人信息 -->
        <aside class="sidebar">
            <section class="profile-section">
                <div class="profile-avatar">
                    <img src="./static/1.jpeg" alt="头像">
                    <div class="avatar-decorations">
                        <div class="decoration decoration-1">🦄</div>
                        <div class="decoration decoration-2">😊</div>
                        <div class="decoration decoration-3">🎯</div>
                    </div>
                </div>
                
                <div class="profile-info">
                    <div class="status">
                        <span class="emoji">😊</span>
                        <span class="title">A Hungry and Foolish Freeman</span>
                    </div>
                    <div class="quote">
                        <span class="emoji">📝</span>
                        <span>人到洛阳花似锦，偏我来时不逢春</span>
                    </div>
                    
                    <div class="social-links">
                        <a href="https://github.com/Geek66666" target="_blank"><i class="fas fa-github"></i></a>
                        <a href="mailto:codeatlantis@linux.do" target="_blank"><i class="fas fa-envelope"></i></a>
                        <a href="https://linux.do/u/codeatlantis/summary" target="_blank"><i class="fas fa-paper-plane"></i></a>
                        <a href="#" onclick="showIframe()" title="夏日空调"><i class="fas fa-circle"></i></a>
                    </div>
                    
                    <div class="location-info">
                        <div class="location">
                            <i class="fa fa-map-marker"></i>
                            <span>China-Chengdu</span>
                        </div>
                        <div class="name">
                            <i class="fas fa-briefcase"></i>
                            <span>大一在读</span>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 个人标签 -->
            <section class="tags-section">
                <div class="tag">网络安全</div>
                <div class="tag">计算机</div>
                <div class="tag">大学生</div>
                <div class="tag">人工智能</div>

            </section>
                        
            <!-- 技能展示 -->
            <section class="skills-section">
                <h2><i class="fas fa-heart"></i> 欢迎您</h2>
                <div class="stat-item">
                    <span class="stat-label">访客IP: </span>
                    <span class="stat-number blur-effect" id="visitor-ip">获取中...</span>
                </div>
            </section>
            <br>
            <!-- 时间线 -->
            <section class="timeline-section">
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <div class="timeline-title">本科就读于四川大学</div>
                        <div class="timeline-date">2025.9</div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-dot"></div>
                    <div class="timeline-content">
                        <div class="timeline-title">高中毕业</div>
                        <div class="timeline-date">2025.6</div>
                    </div>
                </div>
            </section>
        </aside>
        
        <!-- 右侧内容区域 -->
        <main class="content-area">            
            <!-- 站点展示 -->
            <section class="sites-section">
                <h2><i class="fas fa-globe"></i> WebSite</h2>

                <div class="sites-grid">
                    <a href="https://16map.081192.xyz/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/address.png" alt="地图">
                            </div>
                            <div class="site-info">
                                <h3>16班毕业分布地图</h3>
                                <p>记录大学去向</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://tools.081192.xyz/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/maintenance--v1.png" alt="工具箱">
                            </div>
                            <div class="site-info">
                                <h3>CTF工具箱</h3>
                                <p>由gpt-4.1辅助编写的工具箱</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://m3u8.081192.xyz/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/downloading-updates.png" alt="下载">
                            </div>
                            <div class="site-info">
                                <h3>m3u8下载器</h3>
                                <p>简单强大的m3u8在线下载</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://mindmap.081192.xyz/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/external-ic_logic_flow-dao-and-tocenomics-outline-lafs.png" alt="logic">
                            </div>
                            <div class="site-info">
                                <h3>在线思维导图</h3>
                                <p>应急使用的思维导图</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://linux.do/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/logo-128.svg" alt="linuxdo">
                            </div>
                            <div class="site-info">
                                <h3>Linux.Do论坛</h3>
                                <p>包容开放的论坛</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://www.081192.xyz/#404" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/page-not-found.png" alt="404">
                            </div>
                            <div class="site-info">
                                <h3>个人博客</h3>
                                <p>暂未完工......</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://igoutu.cn/" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/image.png" alt="svgfree">
                            </div>
                            <div class="site-info">
                                <h3>免费图标站</h3>
                                <p>大型图标素材包</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://cacode-uptime.hf.space/status/hf" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/icon.svg" alt="uptime">
                            </div>
                            <div class="site-info">
                                <h3>Uptime Kuma</h3>
                                <p>个人服务监控</p>
                            </div>
                        </div>
                    </a>
                    <a href="https://gkjy.081192.xyz" target="_blank" class="site-link btn-effect">
                        <div class="site-card">
                            <div class="site-icon">
                                <img src="./static/clenched-fist.png" alt="fighting">
                            </div>
                            <div class="site-info">
                                <h3>2026高考倒计时</h3>
                                <p>为学弟学妹制作的高考倒计时</p>
                            </div>
                        </div>
                    </a>

                </div>

          

            </section>
            
            <!-- 项目展示 -->
            <section class="projects-section">
                <h2><i class="fas fa-code"></i> 项目集</h2>
                <div class="projects-grid">
                    <a href="https://github.com/geek66666" target="_blank" class="project-link btn-effect">
                        <div class="project-card">
                            <div class="project-icon">
                                <img src="https://img.icons8.com/fluency/48/github.png" alt="CodeAtlantia主页">
                            </div>
                            <div class="project-info">
                                <h3>CodeAtlantis主页</h3>
                                <p>Github介绍页</p>
                            </div>
                        </div>
                    </a>
                    
                </div>
            </section>
       
        </main>
    </div>
    <footer>
            <p>© 2025 MainPage by <a href="https://www.081192.xyz" target="_blank">CodeAtlantis</a></p>
    </footer>
</body>
<script src="./static/script.js"></script>
</html>
